<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Cache-control" content="no-cache,no-store,must-revalidate,max-age=3" />
	<meta http-equiv="Expires" content="Mon, 26 Jul 1997 05:00:00 GMT" />
	<meta name="author" content="dsaiyin.com" />
	<meta name="license" content="LGPL" />
	<title>会员登录 </title>
    <link rel="stylesheet" href="__PUBLIC__/Public/css/member.css"/>
    <script type="text/javascript" src="__PUBLIC__/Public/js/jquery.min.1.11.3.js" charset="utf-8"></script>

    <style type="text/css">
        #topBar{
            background: #0a0;
        }
        #tips{
            display: block;
            padding: 0px;
            width: 60px;
            height: 20px;
            float: left;
        }
        #container{
            background: url("__PUBLIC__/Public/images/logbg.jpg") no-repeat;
            background-size: 100% 100%;
            min-height:895px;
            padding-top: 50px;
        }

    </style>
</head>
<body>

<div id="container">

    <div id="topBar">
        <a href="/register" class="floatRight btn bar_btn mr20" style="color: #fff">注册</a>
        <div id="logo" class="floatLeft mr10 ml20 mt10"><img src="__PUBLIC__/Public/images/logo.png" alt="裕鸟国家货运" /></div>
        <div id="links" class="floatLeft">

            <a href="/" target="_self">网站首页</a>
            <a href="/company" target="_self">公司简介</a>
            <a href="/news" target="_self">网站公告</a>
            <a href="/help" target="_self">帮助中心</a>
            <a href="/contactus" target="_self">联系我们</a>

        </div>
    </div>
<div id="centerBox">
    <div class="leftPart floatLeft"></div>
    <div class="formBlock formBlockLogin floatLeft" id="formSection">
        <div class="formBlockTitle tc f18 blue mt20 mb20" style="width: 300px;">用户登录</div>
        <form id="loginForm" method="post" onsubmit="return sub();" action="/login">
            <div class="panelLine clearfix ml20">
                <input name="username" class="inputText floatLeft ls long " id="username" required  placeholder="请输入用户名" type="text" oninvalid="setCustomValidity('请输入账号');" oninput="setCustomValidity('');">
            </div>
            <div class="panelLine clearfix ml20">
                <input name="password" class="inputText floatLeft ls long " required placeholder="请输入密码" type="password" oninvalid="setCustomValidity('请输入密码');" oninput="setCustomValidity('');">
            </div>
                        <div class="panelLine clearfix ml20">
                <input name="check" id="check" class="inputText floatLeft ls harflong " required placeholder="请输入验证码" type="text" oninvalid="setCustomValidity('请输入验证码');" oninput="setCustomValidity('');">
                <span id="tips"></span>
                            <input type="hidden" name="vid" id="vid" value=""/>
                            <br/>
                <img src="<!--{:U('/login/yzm')}-->" border="0" align="absmiddle" id="vcode" title="点击切换验证码" style="cursor:pointer;"/>
            </div>
            <script type="text/javascript">
                function sub(){
                    if($("#tips").text()!="正确"||$("#check").val().length<4){
                        alert("验证码不正确");
                        return false;
                    }
                }
                var yzmid;
                $("#vcode").click(function(){
                    yzmid=Math.random();
                    $(this).attr("src", "/login/yzm/id/"+yzmid);
                    $("#vid").val(yzmid);
                });
                $("#check").keyup(function(){
                    if($(this).val().length>=4){
                        $.getJSON("/login/check",{yzm:$(this).val(),id:yzmid},function(smg){
                            if(smg){
                                $("#tips").text("正确").css("color","#0a0");
                            }else{
                                $("#tips").text("错误过期").css("color","#f00");

                            }
                        })
                    }
                });


            </script>
                        <div class="clearfix">
                <a href="__PUBLIC__/Public/index.php?c=login&f=getpass" class="jumpLink floatRight f12" id="lnkForget">忘记密码?</a>
            </div>
            <div class="buttonSection clearfix tc mb20">
                <a href="/register" class="jumpLink floatRight" style="position:absolute;right:0;top:0;">注册账号</a>
                <button class="stdColorButton floatLeft">登&nbsp;&nbsp;录　　<span class="iconfont">󰅭</span></button>
            </div>
        </form>
                            </div>
    <div class="clearFix"></div>
</div>
    <div class="tc f12" id="copyri">Copyright (c) 2012-2016 All Rights. </div>
</div>

<script type="text/javascript">


</script>

</body>
</html>
